<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>jQuery 常用选择器</title>
    <script type="text/javascript" src="/static/js3/jQuery-2.1.4/jquery-2.1.4.min.js"></script>
    <style type="text/css"> .selected {
        background-color: gray;
    }</style>
    <script>
        $(function () {
            console.log($('#msg').html());
            console.log($('li').size());
            $('.selected').css('color','red');
            console.log($('#myul>li').size());
            // console.log($('#myul>li').selector());
            console.log($('#myul>li').get(0));


        })
    </script>
</head>
<body>
<div id="msg">使用ID选择器获取当前DIV元素</div>
<ul>
    <li>item1</li>
    <li>item2</li>
    <li>item3</li>
    <li>item4</li>
</ul>
<ul id="myul">
    <li>item1</li>
    <li class="selected">item2</li>
    <li>item3</li>
    <li class="selected">item4</li>
</ul>
<hr/>
<div>
    <p>
        问题1:获取id为msg的元素的内容

    </p>
    <p>
        问题2:获取所有的li元素并打印数量

    </p>
    <p>
        问题3:获取所有class为selected的元素,字体颜色改为red

    </p>
    <p>
        问题4:获取id为myul元素中有多少li,学会使用selector和get方法

    </p>
</div>
</body>
</html>